/* CSS Document */
*{margin:0; padding:0}
body{color:#333; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.gif) repeat-x top}
img{border:0}
a:link,a:active,a:visited{color:#b60088; text-decoration:none}
a:hover{color:#78005a; text-decoration:underline}

#wrapper{width:920px; margin:auto}

#header{clear:both; height:111px}
#header img{float:left; margin-right:80px}
#header h1{width:auto; float:left; color:#666; font-size:36px; line-height:111px; text-shadow: 0 1px 1px #333}
#header h6{width:auto; float:left; color:#666; font-size:36px; line-height:111px; text-shadow: 0 1px 1px #333}
#header #search{width:225px; height:111px; float:right}
#header #search #hotline{font-size:16px; color:#b60088; margin:22px 0; text-align:center}
#header #search #hotline span{font-size:24px; color:#F00; font-weight:bold}
#header #search #frmsearch{width:223px; height:24px; background:url(images/search.jpg) no-repeat}
#header #search #frmsearch #txtSearch{width:190px; float:left; padding:3px; color:#868686; background:none; border:none}
#header #search #frmsearch #btnSearch{width:23px; height:24px; float:right; background:none; border:none; cursor:pointer}

#menu{clear:both; height:27px; margin-bottom:5px; overflow:hidden}

#slider{clear:both; height:268px}

#home_about{clear:both; padding:35px 0}
#home_about #home_content{width:620px; float:right}
#home_about #home_content h2{color:#666; font-size:26px; margin-bottom:10px}
#home_about #home_content h5{font-size:13px; font-weight:100; line-height:22px}

#list_product{clear:both}
#list_product h1{color:#78005a; font-size:24px; padding:30px 0 10px 0}
#list_product h2{color:#666; font-size:14px; font-weight:100; padding-bottom:35px}
#list_product .item_product{width:450px; height:290px; float:left}
#list_product .item_product img{border:solid 1px #b2b2b2; float:left; margin-right:10px}
#list_product .item_product h3{color:#78005a; font-size:16px; line-height:25px}
#list_product .item_product div{font-size:13px; line-height:22px; float:left; width:245px}
#list_product .item_product div li{list-style:none; margin-left:3px; padding-left:10px; background:url(images/li_home.gif) no-repeat left top}

#home_info{clear:both; list-style:none}
#home_info h4{color:#78005a; font-size:26px; margin-bottom:10px}
#home_info li{width:420px; float:left; line-height:30px; height:30px; overflow:hidden; margin-left:25px; padding-left:15px; background:url(images/home_info.jpg) left no-repeat}
#home_info li a{color:#333; font-weight:bold}

#left_view{width:230px; float:left; padding-right:20px; background:url(images/view_post.jpg) repeat-y right}
#left_view .item{clear:both; width:230px; height:240px; text-align:center; margin:25px 0; overflow:hidden}
#left_view .item a{color:#78005a}
#left_view .item img{height:180px}
#left_view .item h4{font-size:13px; line-height:22px}

#navigator{clear:both; margin-top:10px}
#navigator a{color:#727272; padding:0 20px 0 15px; background:url(images/navigator.jpg) left no-repeat}

#right_view{width:620px; float:right; margin-right:25px}
#right_view h1{color:#78005a; font-size:24px; padding:30px 0 10px 0}
#right_view h2{color:#666; font-size:14px; font-weight:100; padding-bottom:35px}
#right_view .item_info{clear:both; height:120px}
#right_view .item_info img{width:140px; height:100px; float:left; margin-right:10px; padding:1px; border:solid 1px #999}
#right_view .item_info h3{font-size:16px}
#right_view .item_info h6{font-size:13px; font-weight:100; line-height:20px; height:60px; overflow:hidden}

#right_view #datetime{clear:both; color:#666; line-height:14px; padding:0 0 10px 25px; background:url(images/datetime.jpg) no-repeat left top}
#right_view #view_post{clear:both; line-height:22px; list-style:none}
#right_view #view_post p, #right_view #view_post div {margin:10px 0}
#right_view #view_post h2{font-size:14px; font-weight:bold; padding:0; margin:0; color:#414141}
#right_view #view_post h3,#right_view #view_post h4{font-size:13px; font-weight:bold; padding:0; margin:0; color:#414141}
#right_view #view_post li{margin-left:25px}
#right_view hr{height:1px; background-color:#999; border:none; margin:40px 0 25px 0}

#right_view #baivietkhac{clear:both; list-style:none; margin-bottom:30px}
#right_view #baivietkhac li{clear:both; line-height:30px; height:30px; overflow:hidden; margin-left:30px; padding-left:15px; background:url(images/home_info.jpg) left no-repeat}
#right_view #baivietkhac li a{color:#666; font-weight:bold}

#nhanxet{clear:both}
#nhanxet #total{font-size:18px; font-weight:bold; color:#666; clear:both; margin-bottom:10px}
#nhanxet .nx_txt{clear:both; height:35px; padding-left:30px}
#nhanxet .nx_txt input{padding:5px; float:left; color:#666; width:200px; margin-right:10px; border:solid 1px #999}
#nhanxet .nx_txt_area{clear:both; padding-left:30px; height:115px}
#nhanxet .nx_txt_area textarea{width:425px; height:100px; color:#666; float:left; padding:3px 5px; line-height:20px; overflow:auto; border:solid 1px #999}
#nhanxet .nx_btn{clear:both; padding-left:30px}
#nhanxet .nx_btn input{padding:5px 15px; border:solid 1px #999; cursor:pointer}
#nhanxet .item{clear:both; line-height:20px; margin:0 0 20px 30px}
#nhanxet #list_nx{clear:both; margin-bottom:20px}
#nhanxet #view_more_nx{clear:both; margin:10px 0 30px 0}
#nhanxet #view_more_nx a{padding:5px 20px; background-color:#FFDFFF; border:solid 1px #F0F; margin-left:200px}

#footer{width:100%; height:30px; clear:both; line-height:30px; color:#FFF; font-size:12px; background-color:#78005a}
#footer a{color:#FFF; padding:0 8px}
#footer #left_foo{width:auto; float:left}
#footer #right_foo{width:auto; float:right}

#phantrang{clear:both; margin-bottom:20px}
#phantrang a{padding:5px 10px; margin-right:5px; background-color:#FFE8F9; border:solid 1px #FF62D8}

#contact{line-height:22px; margin:30px 0}
#contact h1{font-size:18px; font-weight:bold; line-height:22px}

.txt{color:#666; width:300px; padding:5px; margin-bottom:5px; background-color:#FFE6FA; border:none}
.textarea{color:#666; width:300px; height:80px; overflow:auto; line-height:20px; padding:5px; margin-bottom:5px; background-color:#FFE6FA; border:none}
.btn{color:#333; font-weight:bold; width:310px; padding:10px 0; background-color:#FF84E7; border:none; cursor:pointer}

#social{width:95px; line-height:30px; position:fixed; bottom:40%; background:url(images/social_2.jpg) repeat-y left; padding:0; margin:0}

#order{width:221px; line-height:26px; color:#FFF; font-weight:bold; text-transform:uppercase; text-align:center; margin:auto; background:url(images/order.jpg) no-repeat; cursor:pointer}
#order_frm{clear:both; margin-left:50px; display:none}
#order_frm h6{font-size:18px; color:#B22222; margin-bottom:20px}
#order_frm #col1{width:100px; float:left; margin-left:30px; line-height:40px; text-align:right}
#order_frm #col2{width:300px; float:left; margin-left:10px}
#order_frm #col2 input{width:290px; padding:3px 5px; margin:8px 10px; background-color:#FFEAFA; border:solid 1px #999}
#order_frm #col2 textarea{width:290px; height:80px; padding:3px 5px; margin:4px 10px; overflow:auto; background-color:#FFEAFA; border:solid 1px #999}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:27px; z-index:1000}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none}
#nav li a {font-weight:bold; padding:0 25px; color:#FFF; font-size:12px; text-transform:uppercase; background:url(images/menu-line.jpg) no-repeat left}
#nav a:hover {background-color:#b60088; color:#FFF}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:160px; top:27px; display:none}
#nav li ul a {width:160px; line-height:27px; float:left; color:#f1d2e9; font-weight:normal; padding:0 25px; background-color:#78005a; border-bottom:solid 1px #b60088}
#nav li ul a:hover {background-color:#b60088; color:#FFF}
#nav ul ul {top:auto}
#nav li ul ul {left:241px}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}